<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面-五页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/record.css">

</head>

<body>
    <!--网页头部 -->
    <header>
        <!-- 头部导航栏 -->
        <div class="top-nav">
            <div class="welcome container clearfix">
                <span class="fl website">logochina.com</span>
                <span class="fr">欢迎光临<a href="#">乐购</a>，请先 <a href="#" id="dBtn">登录</a>\<a href="#">注册</a></span>
            </div>
        </div>

        <div class="nav container clearfix" id="nav">
            <div class="img fl">
                <!-- logo图 -->
                <img src="./imgs/64.jpg" alt="">
            </div>

            <div class="welcomeyou fl">
              <p>欢迎登录</p>
            </div>
        </div>

    </header>

    <!-- 网页主体 -->
    <tbody>
       <div class="record">
         <div class="record-title">

            <ul class="titleul clearfix">
              <li class="fl on">扫码登录</li>
              <li class="fl">立即登录</li>
            </ul>
    
            <div class="record-content">
              <!-- 一页面 -->
                <div class="img active" id="active">
                  <img src="./img/05-扫码登录-B_03.jpg" alt="">
                </div>
                <!-- 二页面 -->
                <div class="img" id="img">
                  <!-- <form action="" id="form"> -->
                    <p>
                        <input type="user"  id="user" > 
                        <img src="./imgs/delete.png" alt=""  class="del" id="del">
                        <span id="userMsg" class="msg"></span>
                    </p>
                    <p>
                        <input type="password" class="pwd"  id="pwd" >
                        <img src="./imgs/close.png" class="close" id="eyes" alt="">
                        <span id="pwdMsg" class="msg"></span>
                    </p>
                    <p class=" recorde">
                        <input type="checkbox" class="check">自动登录<span class="forget"><a href="#">忘记密码</a></span>
                    </p>
                    <button type="submit" class="btn" id="btn">登录</button>
                  <!-- </form> -->
                  <p><a href="#" class="zhuce">立即注册</a></p>
                </div>

            </div>
    
          </div>

         </div>

    </tbody>
    <!--网页尾部 -->
    <footer >
        <!-- 尾部导航 -->
        <div class="foot ">
            <div class="foot-nav container">
                <a href="#"><img src="./img/222_11.png" alt=""></a>
                <a href="#"><img src="./img/222_13(1).png" alt=""></a>
                <a href="#"><img src="./img/222_15.png" alt=""></a>
                <a href="#"><img src="./img/222_17.png" alt=""></a>
            </div>
        </div>

        <ul class="container clearfix">
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-img fr">
                <img src="./img/logo_00.png" alt="">
            </li>
        </ul>

        <!-- 公司简介 -->
        <div class="introduce container">
            <span>公司简介：</span>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
        </div>

        <!-- 网站页脚 -->
        <div class="footer-tips container">
            <p>Page Mode shows headers, footers, footnotes and page numbers. </p>
        </div>
    </footer>

    <!-- 引入当前文件的js -->
    
    <script src="./lib/jquery.min.js"></script>
    <script src="./js/index2.js"></script>
    <script src="./lib/jquery.slidebox.js"></script>
    <!-- 公共样式 -->
    <script src="./js/common.js"></script>
    <script src="./js/record.js"></script>
   
</body>

</html>